
// 验证用户名
var uname = document.getElementsByClassName('userName')[0];
var userTxt=document.getElementsByClassName('name_empty')[0];
// 验证用户名函数  （用户名要求：中文、英文、数字_组成，4-20个字符 ）
function checkUser(){
	// 非空验证
	if(uname.value.trim()==""||uname.value==null){
		userTxt.innerHTML="用户名不能为空";
		userTxt.style.color="red";
		return false;
	}
	// 正则验证用户名
	var reg=/^[\w\u2E80-\u9FFF]{4,20}$/;
	if(!reg.test(uname.value)){
		userTxt.innerHTML="用户名格式不正确";
		userTxt.style.color="red";
		return false;
	}
	userTxt.innerHTML="正确";
	userTxt.style.color="green";
	return true;
}
uname.onblur=checkUser;
uname.onfocus=function(){
	userTxt.innerHTML="(中文、英文、数字_组成，4-20个字符)";
	userTxt.style.color='gray';
}


// 验证密码   	密码要求：英文、数字、符号（%&@#!）组成，6-20个字符
var pwd = document.getElementsByClassName('passWord')[0],
 pwdTxt=document.getElementsByClassName('pasword_empty')[0];
// 验证密码函数
function checkPwd(){
	// 非空
	if(pwd.value.trim()==""||pwd.value==null){
		pwdTxt.innerHTML="密码不能为空";
		pwdTxt.style.color="red";
		return false;
	}
	// 正则
	var reg=/^([0-9a-zA-Z%&@#!]){6,20}$/;
	if(!reg.test(pwd.value)){
		pwdTxt.innerHTML="密码位数不合法或者包含非法字符";
		pwdTxt.style.color="red";
		return false;
	}
	pwdTxt.innerHTML="密码设置成功";
	pwdTxt.style.color="green";
	return true;
}

pwd.onblur=checkPwd;
pwd.onfocus=function(){
	pwdTxt.innerHTML="(请输入密码，英文、数字、符号（%&@#!）组成，6-20个字符";
	pwdTxt.style.color='gray';
}

var form = document.getElementsByClassName('login_foo')[0];

form.onsubmit=function(){
	if(!checkUser()||!checkPwd()){
		window.location.href = "http://localhost:8080/#/login.html";
	}else{
		window.location.href = "http://localhost:8080/#/mine";
	}
}	